<%@page contentType="text/html; charset=utf-8" %>
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--[if IE 9]>
<meta name="application-name" content="合租体" />
<meta name="msapplication-navbutton-color" content="#1f83bf" />
<link rel="shortcut icon" href="http://s.libdd.com/img/ico/favicon-ie9.$4053.ico" type="image/x-icon">
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="http://s.libdd.com/img/icon/favicon.$4586.ico" />
<!--[if lt IE 7]>
<script>
try { document.execCommand('BackgroundImageCache', false, true); } catch (e) {}
</script>
<![endif]-->

<title>注册合租体| 简单的轻博客社区</title>
<link rel="stylesheet" href="/css/dd.css" />
<script src="/js/jquery-1.6.4.min.js"></script>
<script src="/js/imgScroll.js" charset="utf-8"></script>
<script>

$(document).ready(function (){
	var imgs=$("#reg-image-slide-hook").find("img");
	 var current=0;
	 var tidck
		$("#go-login").bind("click",function(){
			$(this).hide();
			$("#go-register").show();
			$("#register-wrap").slideToggle("slow");
			$("#login-wrap").slideToggle("slow");
			$("#logo").animate({ "margin-top": 200+"px"});
			window.clearInterval(tidck);
			return false;
			});
		$("#go-register").bind("click",function(){
			$(this).hide();
			$("#go-login").show();
			$("#login-wrap").slideToggle("slow");
			$("#register-wrap").slideToggle("slow");
			$("#logo").animate({ "margin-top": 100+"px"});
			$("#third-party-wrap").fadeOut("slow");
			
			 tidck=window.setInterval(function(){
			  //隐藏l,显示n
			  if(current>0)
			   $(imgs[current-1]).hide();//.style.display="none";
			  
			  if(current>=imgs.size()){
			   current=0;
			   }
			  $(imgs[current]).fadeIn("slow");//.style.display="block";
			  current++;
			  },3000);
			return false;
			});
		$("#third-party-login").bind("click",function(){
			$("#third-party-wrap").slideToggle("slow");
			});
		$(".input-text").each(function(){
			$(this).bind("focus",function(){
					$(this).prev().hide();
				});
			});
		tidck=window.setInterval(function(){
			  //隐藏l,显示n
			  if(current>0)
			   $(imgs[current-1]).hide();//.style.display="none";
			  
			  if(current>=imgs.size()){
			   current=0;
			   }
			  $(imgs[current]).fadeIn("slow");//.style.display="block";
			  current++;
			  },3000);
		  
		  
});

</script>
</head>
<body>
<div id="switcher">
<a href="/user/login.jsp" id="go-login"  style="display:none">登录</a>
<a href="/user/regist.jsp" id="go-register" >注册</a>
</div>
<div id="startpage-wrap" >
<h1 id="logo">合租体- 什么什么的社区</h1>
<div id="login-wrap" ><form id="login-form" class="clearfix" action="/user/login_email.jspa" method="post">
<div class="input-wrap" id="input-login-email">
<label>邮箱</label>
<input class="input-text" type="text" name="user.email" >
<div class="tip" style="display:none"></div>

</div>
<div class="input-wrap" id="input-login-pwd">
<label>密码</label>
<input class="input-text" type="password" name="user.password" >
<div class="tip" style="display:none"></div>
</div>
<input type="hidden" name="nextUrl" value="" />
<input type="hidden" name="persistent" value="1" checked="checked">
<input type="submit" id="login-submit" class="input-button" value="登录">
</form>
<div id="login-help" class="clearfix">
<a href="http://www.diandian.com/password/forgot" id="forget-password">忘记密码?</a>
<span id="third-party-login">使用其他方式登录</span>

</div>
</div>
<div id="register-wrap"  style="display: none;">
 <div id="reg-image-slide">
<ul id="reg-image-slide-hook">
<li><img src="http://s.libdd.com/img/element/startpage-slide-2.png" ></li>
<li><img src="http://s.libdd.com/img/element/startpage-slide-1.png" ></li>
<li><img src="http://s.libdd.com/img/element/startpage-slide-3.png" ></li>
</ul>
</div> 
<form id="reg-form" class="clearfix" action="/user/reg.jspa" method="POST" autocomplete="off">
<div class="input-wrap" id="input-reg-blogname">
<label>姓名</label>
<input class="input-text" type="text" name="user.name">
<div class="tip" style="display:none"></div>
</div>
<div class="input-wrap" id="input-reg-email">

<label>邮箱</label>
<input class="input-text" type="text" name="user.email">
<div class="tip" style="display:none"></div>
</div>
<div class="input-wrap" id="input-reg-pwd">
<label>密码</label>
<input class="input-text" type="password" name="user.password">
<div class="tip" style="display:none"></div>
</div><input type="submit" id="reg-submit" class="input-button" value="注册">
</form>
</div>
<div id="footer">
<a href="http://www.diandian.com">合租体</a>&copy;2011
<a class="footer-item" href="http://www.miibeian.gov.cn/" target="_blank">京ICP备10217266号</a></div>

<div id="third-party-wrap" style="display:none;" fullheight="112">
<a href="http://www.diandian.com/j/165" class="msn">MSN</a>
<a href="http://www.diandian.com/j/168" class="renren">人人网</a>
<a href="http://www.diandian.com/j/167" class="qq">QQ</a>
<a href="http://www.diandian.com/j/166" class="douban">豆瓣</a>
<a href="http://www.diandian.com/j/103" class="weibo">新浪微博</a>
<a href="http://www.diandian.com/j/164" class="qqweibo">腾讯微博</a>
</div>
</div>

</body>
</html>

